<script src="http://runningpaul.gitee.io/fake_web/pages/clientOrder/update.js"></script>
<div ng-controller="UpdateClientOrderController">
    <div  class="hidden" kendo-window="updateWindow" id="update-user" k-ng-delay k-title="'修改客户订单'" k-modal="true" k-actions='["Pin","Maximize","Close"]'
         k-width="900" k-visible="false" >

        <form ng-submit="save()" kendo-validator="validator">

<div class="form-group ">
    <label for="projectId">项目
        
    </label>
    <select id="projectId" name="projectId" ng-model="updateClientOrder.projectId"
             kendo-combo-box
            k-options="projectOptions" k-ng-delay="projectOptions"
            
            k-data-text-field="'name'"
            k-data-value-field="'projectId'" k-filter="'contains'"
            k-auto-bind="false"
             readonly="readonly"
        >
    </select>
    <span class="k-invalid-msg" data-for="projectId"></span>

</div>
<div class="form-group  ">
    <label for="clientOrderNo">客户单号
        
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.clientOrderNo" 
         
           readonly="readonly"
           maxlength="50" 
           
            id="clientOrderNo" name="clientOrderNo" 
           />
    <span class="k-invalid-msg" data-for="clientOrderNo"></span>

</div>

<div class="form-group">
    <label for="orderDate">订单日期
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" kendo-date-picker ng-model="updateClientOrder.orderDate"  k-format="'yyyy-MM-dd'"
           k-culture="'zh-CN'"
           required="required"
           
           
           
           id="orderDate"
           name="orderDate" />
    <span class="k-invalid-msg" data-for="orderDate"></span>

</div>

<div class="form-group ">
    <label for="updateTransportType">运输方式
        
    </label>
    <select id="updateTransportType" name="updateTransportType"
            ng-model="updateClientOrder.transportType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="GLZC"
                        >公路整车</option>
                <option value="GLLD"
                        >公路零担</option>
                <option value="KY"
                        >空运</option>
                <option value="TL"
                        >铁路</option>
                <option value="KD"
                        >快递</option>
    </select>
    <span class="k-invalid-msg" data-for="updateTransportType"></span>
</div>

<div class="form-group ">
    <label for="updateHandoverType">交接方式
        
    </label>
    <select id="updateHandoverType" name="updateHandoverType"
            ng-model="updateClientOrder.handoverType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="TO_DOOR"
                        >送货上门</option>
                <option value="UPSTAIRS"
                        >送货上楼</option>
                <option value="SELF"
                        >自提</option>
    </select>
    <span class="k-invalid-msg" data-for="updateHandoverType"></span>
</div>

<div class="form-group ">
    <label for="updateCalculateType">计费单位
        
    </label>
    <select id="updateCalculateType" name="updateCalculateType"
            ng-model="updateClientOrder.calculateType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="VOLUME"
                        >体积</option>
                <option value="WEIGHT"
                        >重量</option>
                <option value="PACKAGE"
                        >件数</option>
                <option value="CAR"
                        >吨位</option>
                <option value="CAR_TYPE"
                        >车型</option>
                <option value="VOLUME_DISTANCE"
                        >体积公里</option>
                <option value="CAR_WEIGHT"
                        >吨位重量</option>
                <option value="CAR_VOLUME"
                        >吨位体积</option>
                <option value="CAR_HEAVY_BUBBLE_WEIGHT"
                        >吨位重泡重量</option>
                <option value="STANDARD_PACKAGE"
                        >标箱</option>
    </select>
    <span class="k-invalid-msg" data-for="updateCalculateType"></span>
</div>

<div class="form-group ">
    <label for="orderType">订单类型
        
    </label>
    <select id="orderType" name="orderType"
            ng-model="updateClientOrder.orderType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="CARLOAD"
                        >整车</option>
                <option value="LTL"
                        >零担</option>
                <option value="THROUGHTRAFFIC"
                        >联运</option>
                <option value="EXPRESSAGE"
                        >快递</option>
    </select>
    <span class="k-invalid-msg" data-for="orderType"></span>
</div>

<div class="form-group ">
    <label for="updateGoodsCategory">货物类型
        
    </label>
    <select id="updateGoodsCategory" name="updateGoodsCategory" ng-model="updateClientOrder.goodsCategory"
             kendo-combo-box
            k-options="goodsCategoryOptions" k-ng-delay="goodsCategoryOptions"
            
            k-data-text-field="'name'"
            k-data-value-field="'code'" k-filter="'contains'"
            k-auto-bind="false"
             
        >
    </select>
    <span class="k-invalid-msg" data-for="updateGoodsCategory"></span>

</div>

<div class="form-group ">
    <label for="goodsDesc">货物描述
        
    </label>
    <textarea type="text" class="k-textbox" ng-model="updateClientOrder.goodsDesc"  rows="2"
              cols="60" 
              
              
              maxlength="50" 
              
               id="goodsDesc"
              name="goodsDesc" ></textarea>
    <span class="k-invalid-msg" data-for="goodsDesc"></span>

</div>

<div class="form-group ">
    <label for="vehicleTonnage">所需车辆吨位
        
    </label>
    <select id="vehicleTonnage" name="vehicleTonnage"
            ng-model="updateClientOrder.vehicleTonnage" 
            kendo-drop-down-list
            
            
            
          >
            <option value="">不填</option>
                <option value="TWO"
                        >2吨</option>
                <option value="THREE"
                        >3吨</option>
                <option value="FIVE"
                        >5吨</option>
                <option value="EIGHT"
                        >8吨</option>
                <option value="TEN"
                        >10吨</option>
                <option value="FIFTEEN"
                        >15吨</option>
                <option value="TWENTY"
                        >20吨</option>
                <option value="TWENTY_FIVE"
                        >25吨</option>
                <option value="THIRTY"
                        >30吨</option>
                <option value="THIRTY_TWO"
                        >32吨</option>
                <option value="THIRTY_FIVE"
                        >35吨</option>
                <option value="FORTY"
                        >40吨</option>
                <option value="FORTY_FIVE"
                        >45吨</option>
    </select>
    <span class="k-invalid-msg" data-for="vehicleTonnage"></span>
</div>

<div class="form-group ">
    <label for="carType">所需车辆车型
        
    </label>
    <select id="carType" name="carType"
            ng-model="updateClientOrder.carType" 
            kendo-drop-down-list
            
            
            
          >
            <option value="">不填</option>
                <option value="TYPE_ONE"
                        >4.2m</option>
                <option value="TYPE_TWO"
                        >6.5m</option>
                <option value="TYPE_THREE"
                        >7.6m</option>
                <option value="TYPE_FOUR"
                        >8.6m</option>
                <option value="TYPE_FIVE"
                        >9.6m</option>
                <option value="TYPE_SIX"
                        >12m</option>
                <option value="TYPE_SEVEN"
                        >13.5m</option>
                <option value="TYPE_EIGHT"
                        >17.5m</option>
    </select>
    <span class="k-invalid-msg" data-for="carType"></span>
</div>
<div class="form-group  ">
    <label for="distance">里程(km)
        
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.distance" 
         
           
           
           
            id="distance" name="distance" 
           />
    <span class="k-invalid-msg" data-for="distance"></span>

</div>
                    <hr class="dividing" />

<div class="form-group big">
    <label for="orginCode_typeahead">始发地
        
    </label>
    <input type="text" class="k-textbox" kendo-district-select
           ng-model="updateClientOrder.orginCode"   
           k-province="'#updateConsignorProvince'" k-city="'#updateConsignorCity'"
           k-area="'#updateConsignorArea'" k-street="'#updateConsignorStreet'"
           
           id="orginCode" name="orginCode" />


</div>
<div class="form-group  hidden ">
    <label for="updateConsignorProvince">省
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorProvince" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsignorProvince" name="updateConsignorProvince" 
           />
    <span class="k-invalid-msg" data-for="updateConsignorProvince"></span>

</div>
<div class="form-group  hidden ">
    <label for="updateConsignorCity">市
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorCity" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsignorCity" name="updateConsignorCity" 
           />
    <span class="k-invalid-msg" data-for="updateConsignorCity"></span>

</div>
<div class="form-group  hidden ">
    <label for="updateConsignorArea">县
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorArea" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsignorArea" name="updateConsignorArea" 
           />
    <span class="k-invalid-msg" data-for="updateConsignorArea"></span>

</div>
<div class="form-group  hidden ">
    <label for="updateConsignorStreet">乡镇
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorStreet" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsignorStreet" name="updateConsignorStreet" 
           />
    <span class="k-invalid-msg" data-for="updateConsignorStreet"></span>

</div>
<div class="form-group  ">
    <label for="consignorCompany">发货公司
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorCompany" 
         required="required"
           
           maxlength="50" 
           
            id="consignorCompany" name="consignorCompany" 
           />
    <span class="k-invalid-msg" data-for="consignorCompany"></span>

</div>
<div class="form-group  ">
    <label for="consignorMan">发货人
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorMan" 
         required="required"
           
           maxlength="50" 
           
            id="consignorMan" name="consignorMan" 
           />
    <span class="k-invalid-msg" data-for="consignorMan"></span>

</div>
<div class="form-group  ">
    <label for="consignorPhone">发货人电话
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorPhone" 
         required="required"
           
           maxlength="50" 
           
            id="consignorPhone" name="consignorPhone" 
           />
    <span class="k-invalid-msg" data-for="consignorPhone"></span>

</div>
<div class="form-group  ">
    <label for="consignorAddress">详细地址
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consignorAddress" 
         required="required"
           
           maxlength="50" 
           
            id="consignorAddress" name="consignorAddress" 
           />
    <span class="k-invalid-msg" data-for="consignorAddress"></span>

</div>




<div class="form-group big">
    <label for="destCode_typeahead">目的地
        
    </label>
    <input type="text" class="k-textbox" kendo-district-select
           ng-model="updateClientOrder.destCode"   
           k-province="'#updateConsigneeProvince'" k-city="'#updateConsigneeCity'"
           k-area="'#updateConsigneeArea'" k-street="'#updateConsigneeStreet'"
           
           id="destCode" name="destCode" />


</div>
<div class="form-group  hidden ">
    <label for="updateConsigneeProvince">省
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneeProvince" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsigneeProvince" name="updateConsigneeProvince" 
           />
    <span class="k-invalid-msg" data-for="updateConsigneeProvince"></span>

</div>
<div class="form-group  hidden ">
    <label for="updateConsigneeCity">市
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneeCity" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsigneeCity" name="updateConsigneeCity" 
           />
    <span class="k-invalid-msg" data-for="updateConsigneeCity"></span>

</div>
<div class="form-group  hidden ">
    <label for="updateConsigneeArea">县
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneeArea" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsigneeArea" name="updateConsigneeArea" 
           />
    <span class="k-invalid-msg" data-for="updateConsigneeArea"></span>

</div>
<div class="form-group  hidden ">
    <label for="updateConsigneeStreet">乡镇
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneeStreet" ng-hidden 
         
           
           maxlength="50" 
           
            id="updateConsigneeStreet" name="updateConsigneeStreet" 
           />
    <span class="k-invalid-msg" data-for="updateConsigneeStreet"></span>

</div>
<div class="form-group  ">
    <label for="consigneeCompany">收货公司
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneeCompany" 
         required="required"
           
           maxlength="50" 
           
            id="consigneeCompany" name="consigneeCompany" 
           />
    <span class="k-invalid-msg" data-for="consigneeCompany"></span>

</div>
<div class="form-group  ">
    <label for="consigneeMan">收货人
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneeMan" 
         required="required"
           
           maxlength="50" 
           
            id="consigneeMan" name="consigneeMan" 
           />
    <span class="k-invalid-msg" data-for="consigneeMan"></span>

</div>
<div class="form-group  ">
    <label for="consigneePhone">收货人电话
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneePhone" 
         required="required"
           
           maxlength="50" 
           
            id="consigneePhone" name="consigneePhone" 
           />
    <span class="k-invalid-msg" data-for="consigneePhone"></span>

</div>
<div class="form-group  ">
    <label for="consigneeAddress">详细地址
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="updateClientOrder.orderAddressDTO.consigneeAddress" 
         required="required"
           
           maxlength="50" 
           
            id="consigneeAddress" name="consigneeAddress" 
           />
    <span class="k-invalid-msg" data-for="consigneeAddress"></span>

</div>
                    <hr class="dividing" />

<div class="form-group">
    <label for="totalItemQty">总数量
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="updateClientOrder.orderSummaryDTO.totalItemQty" 
            k-decimals="'0'" 
            
            id="totalItemQty" name="totalItemQty" />
    <span class="k-invalid-msg" data-for="totalItemQty"></span>
</div>

<div class="form-group">
    <label for="totalPackageQty">总件数
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="updateClientOrder.orderSummaryDTO.totalPackageQty" 
            k-decimals="'0'" 
            
            id="totalPackageQty" name="totalPackageQty" />
    <span class="k-invalid-msg" data-for="totalPackageQty"></span>
</div>

<div class="form-group">
    <label for="totalVolume">总体积(m³)
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="updateClientOrder.orderSummaryDTO.totalVolume" 
           k-format="'0.000000m³'" k-decimals="'6'" 
            
            id="totalVolume" name="totalVolume" />
    <span class="k-invalid-msg" data-for="totalVolume"></span>
</div>

<div class="form-group">
    <label for="totalWeight">总重量(kg)
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="updateClientOrder.orderSummaryDTO.totalWeight" 
           k-format="'0.0000kg'" k-decimals="'4'" 
            
            id="totalWeight" name="totalWeight" />
    <span class="k-invalid-msg" data-for="totalWeight"></span>
</div>

<div class="form-group">
    <label for="totalGoodsWorth">总货值
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="updateClientOrder.orderSummaryDTO.totalGoodsWorth" 
           k-format="'￥0.00'" k-decimals="'2'" 
            
            id="totalGoodsWorth" name="totalGoodsWorth" />
    <span class="k-invalid-msg" data-for="totalGoodsWorth"></span>
</div>

<div class="form-group ">
    <label for="specialRequire">特殊要求
        
    </label>
    <textarea type="text" class="k-textbox" ng-model="updateClientOrder.specialRequire"  rows="2"
              cols="60" 
              
              
              maxlength="250" 
              
               id="specialRequire"
              name="specialRequire" ></textarea>
    <span class="k-invalid-msg" data-for="specialRequire"></span>

</div>

<div class="form-group ">
    <label for="remark">备注
        
    </label>
    <textarea type="text" class="k-textbox" ng-model="updateClientOrder.remark"  rows="2"
              cols="60" 
              
              
              maxlength="250" 
              
               id="remark"
              name="remark" ></textarea>
    <span class="k-invalid-msg" data-for="remark"></span>

</div>
                <div kendo-grid=goodsGrid id="goodsGrid" k-data-source="orderGoodsDataSource" k-editable="true"
                     k-toolbar="toolbar" k-columns="columns"></div>

            <div class="form-buttons">
                <button type="submit" class="k-button k-primary ">
                    <span class="k-icon k-i-check"></span> 保存
                </button>
                <button type="button" ng-click="close()" class="k-button">
                    <i class="k-icon k-i-close"></i> 取消
                </button>
            </div>
        </form>
    </div>
</div>